import QtQuick 1.0

Rectangle {
    width: 360
    height: 640

    Image {
	anchors.fill: parent
	source:  "pics/body_bg.jpg"
	fillMode: "Tile"
    }

    Rectangle {
	border.width: 1
	border.color: "black"
	anchors.top: parent.top
	anchors.left: parent.left
	anchors.right: parent.right
	anchors.topMargin: 60
	anchors.margins: 10
	height: dialerOutput.height

	Text {
	    id: dialerOutput
	    text: ""
	    font.pointSize: 15
	    elide: Text.ElideLeft
	}
    }

    Dialer {
	onNumberEntered: dialerOutput.text += number
    }

    Image {
	source: "pics/close.png"
	anchors.right: parent.right
	anchors.top: parent.top
	anchors.margins: 5

	MouseArea {
	    anchors.fill: parent
	    onClicked: Qt.quit()
	}
    }
}
